<template>
  <div class="right">
    <p>这是一个Right的组件内容</p>
    <p>水平坐标是: {{ point.x }}</p>
    <p>垂直坐标是: {{ point.y }}</p>
  </div>
</template>

<script>
import myPoint from "@/hooks"
export default {
  name: "Right",
  setup() {
    const point = myPoint()
    return {
      point,
    }
  },
}
</script>

<style>
.right {
  width: 500px;
  height: 260px;
  background-color: orange;
}
</style>
